<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="http://www.jq22.com/jquery/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="layer/layer.js"></script>
</head>
<body>

<script type="text/javascript">
$(document).ready(function(){	
//加载层-默认风格
layer.load();
//此处演示关闭
setTimeout(function(){
  layer.closeAll('loading');
}, 2000);
//加载层-风格2
layer.load(1);
//此处演示关闭
setTimeout(function(){
  layer.closeAll('loading');
}, 2000);
//加载层-风格3
layer.load(2);
//此处演示关闭
setTimeout(function(){
  layer.closeAll('loading');
}, 2000);
//加载层-风格4
layer.msg('加载中', {
  icon: 16
  ,shade: 0.01
});
//tips层-上
layer.tips('上', '#id或者.class', {
  tips: [1, '#0FA6D8'] //还可配置颜色
});
//tips层-右
layer.tips('默认就是向右的', '#id或者.class');
//tips层-下
layer.tips('下', '#id或者.class', {
  tips: 3
});
//tips层-左
layer.tips('左边么么哒', '#id或者.class', {
  tips: [4, '#78BA32']
});
//tips层-不销毁之前的
layer.tips('不销毁之前的', '#id或者.class', {
  tipsMore: true
});
} );
</script>
</body>
</html>